{% extends "blog/base.html" %}

{% block htmlTitle %}{{ page.title }}{% endblock %}

{% block head %}
<link rel="stylesheet" href="https://zhuqinggang.gitee.io/static/blog/markdown.css" type="text/css" />
<script src="https://zhuqinggang.gitee.io/static/valine/av-min.js"></script>
<script src='https://zhuqinggang.gitee.io/static/valine/Valine.min.js'></script>
{% endblock %}

{% block pageTitle %}{{ page.title }}{% endblock %}
{% block pageSubTitle %}{% endblock %}

{% block content %}

<div class="card mdui-card mdui-hoverable mdui-typo">
  <div class="mdui-card-content markdown-body">
    {{ page.content_html|safe }}
  </div>
</div>

<div class="card mdui-card mdui-hoverable mdui-typo">
  <div class="mdui-card-content markdown-body">
    <div id="vcomments"></div>
    <script>
      new Valine({
        el: "#vcomments",
        appId: "9sf3Otdpnh2JAD8rlzQlD8dL-gzGzoHsz",
        appKey: "IuVprOQT2aDICjRPlpHeOPLW",
        placeholder: "留个言嘛！",
        verify: true,
        avatat: "mp",
        visitor: true
      })
    </script>
  </div>
</div>

{% endblock %}